<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>书源链接集合</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f8f9fa;
            margin: 0;
            padding: 0;
        }
        .container {
            padding: 20px;
        }
        .card {
            background-color: #fff;
            border-radius: 8px;
            box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
            margin-bottom: 15px;
            padding: 15px;
            display: flex;
            align-items: center;
        }
        .card-icon {
            font-size: 24px;
            margin-right: 10px;
            color: #666;
        }
        .card-content {
            flex: 1;
        }
        .card-title {
            font-size: 16px;
            margin: 0 0 5px;
        }
        .card-description {
            font-size: 14px;
            color: #666;
        }
        .card-button {
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            padding: 5px 10px;
            cursor: pointer;
            font-size: 14px;
            text-decoration: none;
        }
        .card-button:hover {
            background-color: #45a049;
        }
        .sakura {
      position: fixed;
      top: -10px;
      pointer-events: none;
      animation: fall linear infinite;
    }

       @keyframes fall {
      to {
        transform: translateY(100vh) rotate(360deg); /* 向下掉落并旋转 */
      }
    }
    </style>
</head>
<body>
    <div class="container">
        <div class="card">
            <div class="card-icon">🔑</div>
            <div class="card-content">
                <div class="card-title">书源密钥</div>
                <div class="card-description">获取书源密钥</div>
            </div>
            <a href="/miyao.html" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🌐</div>
            <div class="card-content">
                <div class="card-title">源社区发布页</div>
                <div class="card-description">源社区地址发布页</div>
            </div>
            <a href="https://taoba.cf/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📚</div>
            <div class="card-content">
                <div class="card-title">源仓库</div>
                <div class="card-description">书源仓库</div>
            </div>
            <a href="https://www.yckceo.com/yuedu/shuyuan/index.html" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📖</div>
            <div class="card-content">
                <div class="card-title">yolo 书库</div>
                <div class="card-description">自制书源</div>
            </div>
            <a href="https://yolo52.github.io/Yuedu/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🐺</div>
            <div class="card-content">
                <div class="card-title">大灰狼发布页</div>
                <div class="card-description">大灰狼的书源发布页</div>
            </div>
            <a href="https://github.com/shidahuilang/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🛠️</div>
            <div class="card-content">
                <div class="card-title">阅读工具</div>
                <div class="card-description">阅读相关工具集合</div>
            </div>
            <a href="http://srcbs.cn/other/3/msg.html" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🍊</div>
            <div class="card-content">
                <div class="card-title">洛娅橙书库</div>
                <div class="card-description">洛娅橙书库</div>
            </div>
            <a href="https://github.com/Luoyacheng" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📚</div>
            <div class="card-content">
                <div class="card-title">吉义王昊书库</div>
                <div class="card-description">吉义王昊书库</div>
            </div>
            <a href="https://github.com/jiwangyihao/source-j-legado" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📦</div>
            <div class="card-content">
                <div class="card-title">yx源仓库</div>
                <div class="card-description">yx源仓库</div>
            </div>
            <a href="http://fabu.yihulove.top/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🌐</div>
            <div class="card-content">
                <div class="card-title">yiove源仓库</div>
                <div class="card-description">yiove源仓库</div>
            </div>
            <a href="https://shuyuan.yiove.com/complex?page=1&size=10&search_key=" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🌙</div>
            <div class="card-content">
                <div class="card-title">明月照大江发布</div>
                <div class="card-description">明月照大江发布</div>
            </div>
            <a href="https://skybook.pages.dev/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🚀</div>
            <div class="card-content">
                <div class="card-title">XH发布页</div>
                <div class="card-description">XH发布页</div>
            </div>
            <a href="https://qyyuapi.com/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📔</div>
            <div class="card-content">
                <div class="card-title">天天的鸟蛋蛋书源日记</div>
                <div class="card-description">天天的鸟蛋蛋书源日记</div>
            </div>
            <a href="https://blog.ttxz.eu.org/?path=%E9%98%85%E8%AF%BB/%E5%A4%A9%E5%A4%A9%E7%9A%84%E9%B8%9F%E8%9B%8B%E8%9B%8B%E7%9A%84%E4%B9%A6%E6%BA%90%E6%97%A5%E8%AE%B0.md" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🔗</div>
            <div class="card-content">
                <div class="card-title">阅读相关</div>
                <div class="card-description">阅读相关</div>
            </div>
            <a href="https://flowus.cn/yuanjinwu/share/f0921d86-9119-44ae-8c6b-7864eb8ec830" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📅</div>
            <div class="card-content">
                <div class="card-title">活力宝/书源日记</div>
                <div class="card-description">活力宝/书源日记</div>
            </div>
            <a href="https://gitee.com/lff283/syrj/" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">📂</div>
            <div class="card-content">
                <div class="card-title">情无羁书源仓库</div>
                <div class="card-description">情无羁书源仓库</div>
            </div>
            <a href="https://www.yesui.me/fabu.dev" class="card-button">访问</a>
        </div>
          <div class="card">
            <div class="card-icon">📖</div>
            <div class="card-content">
                <div class="card-title">阅读资源站</div>
                <div class="card-description">阅读资源站</div>
            </div>
            <a href="https://www.yuque.com/legado/pd/rp3gdumplxqc3oo2" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🌐</div>
            <div class="card-content">
                <div class="card-title">阅读导航</div>
                <div class="card-description">阅读导航</div>
            </div>
            <a href="https://www.yuque.com/120031xufengnian/yuedu/la1neg1xmgtdyp9a" class="card-button">访问</a>
        </div>
        <div class="card">
            <div class="card-icon">🏠</div>
            <div class="card-content">
                <div class="card-title">辞之次元空间</div>
                <div class="card-description">辞之次元空间</div>
            </div>
            <a href="/index2.html" class="card-button">访问</a>
        </div>
    </div>
    <script>
    function createSakura() {
        const sakura = document.createElement('div');
        sakura.className = 'sakura';
        sakura.innerHTML = '🌸';
        sakura.style.left = Math.random() * 100 + 'vw';
        sakura.style.animationDuration = Math.random() * 3 + 2 + 's';
        sakura.style.fontSize = Math.random() * 10 + 10 + 'px';
        document.body.appendChild(sakura);
        setTimeout(() => sakura.remove(), 5000);
      }
      setInterval(createSakura, 300);
    </script>
</body>
</html>
